<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>clicaptcha在线演示</title>
<link rel="stylesheet" href="static/css/captcha.css">
<link rel="stylesheet" href="static/css/main.css">
<script src="static/js/jquery3.4.1.js"></script>
<script src="static/js/js.cookie.min.js"></script>
<script src="static/js/clicaptcha.js"></script>
<script>
$(function(){
	$('#sub').click(function(){
		$('#clicaptcha-submit-info').clicaptcha({
			src: 'http://haisi.com/index.php/clicap',
			callback: function(){
				$('#form').submit();
			}
		});
	});
});
$('#clicaptcha-submit-info').clicaptcha({
	src: 'http://haisi.com/index.php/clicap',
	success_tip: '验证成功！',
	error_tip: '未点中正确区域，请重试！',
	callback: function(){
	}
});
</script>
</head>

<body>
<div id="login">
	<form action="http://haisi.com/index.php/login" method="post" id="form" name="form">
		<div class="row">
			<div class="text">用户名：</div>
			<div class="input"><input type="text" name="phone"></div>
		</div>
		<div class="row">
			<div class="text">密码：</div>
			<div class="input"><input type="password" name="password"></div>
		</div>
		<div class="row">
			<button type="button" id="sub">提交</button>
		</div>
		<input type="hidden" id="clicaptcha" name="clicaptcha-submit-info">
	</form>
</div>
</body>
</html>